$("#comment").hide();
$("#put_away_comment").hide();

$("#get_comment").click(function() {
	$("#comment").fadeIn(300);
	$("#get_comment").hide();
	$("#put_away_comment").show();
});
$("#put_away_comment").click(function() {
	$("#comment").fadeOut(300);
	$("#put_away_comment").hide();
	$("#get_comment").show();
});
$('li').click(function() {
	$(this).addClass('active').siblings().removeClass('active');
});

function jiangan_library() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['江安图书馆', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/江安图书馆.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">江安图书馆介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp四川大学图书馆始建于1896年，是我国西南地区藏书规模最大的大学图书馆；馆舍总面积63,100平方米；馆藏纸质文献达699.75万余册，并拥有丰富的电子文献资源。可提供阅览、外借、参考咨询、科技项目查新、文献传递、用户培训、馆际互借、声像视听、复印复制、打印扫描、缩微复制等多种信息服务，并为本科生、研究生开设“文献检索与利用课”。</p></div>',
		shade: [0.8, '#000'],
		area: ['1080px', '550px'],
		btn: ['确定'],
		btnColor: "red"
	});
}

function wangjiang_library() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['望江图书馆', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/望江图书馆.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">望江图书馆介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp面积16000平方米，馆藏以社会科学类和自然科学类为主，兼及部分工程技术类文献资料。其中中国古代史、中国古代文学、中国古文字学、汉语史、宗教学、四川地方文献、南亚研究、数学、生物学、经济学等学科领域的文献具有收藏优势；珍藏线装古籍30万册，其中包括相当数量的宋、元刻本及唐代以来的各种稿本和抄本；收藏有大量的抗日战争时期出版的图书和建国前报刊。</p></div>',
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function huaxi_library() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['华西图书馆', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/图书馆1.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">华西书馆介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp四川大学华西校区图书馆即四川大学图书馆医学分馆，位于华西校区内，面积8800平方米，馆藏以医学文献为主，形成了符合“生物—心理—社会医学” 模式的特色体系，其中在口腔医学文献方面的收藏优势尤为突出。</p></div>'

			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function jiangan_building() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['江安一教', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/一教-水上报告厅.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">江安一教介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp四川大学江安校区第一教学楼由同济大学建筑设计院设计，总建筑面积约4万平方米，内有1万7千个座位。是国家双创教育与实践平台的示范基地</p></div>'

			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function wangjiang_building() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['望江教学楼', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/91D61CDFB2169854515303DC8CB_AA5228F1_58042.jpg"></div><div style="margin-left:720px;"><h4 style="text-align: center;">望江教学楼介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp望江的瑞文教学楼经过翻新之后白墙红瓦、雕梁画栋，处处都透露着中国风的美，古朴简约、雅致安静。一砖一瓦，点滴之间见匠人之心，转瞬一刻尽显典雅大气。</p></div>'

			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function huaxi_wande() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['华西万德楼', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/华西万德堂1.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">华西万德楼介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp华西校区第六教学楼。建于1920年，万德堂，又名万德门和明德学舍。一砖一瓦，均按原貌重建。该楼建成后即为教学楼和学生宿舍，早年华西师范学校亦设于此。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function huaxi_zhonglou(){
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['华西钟楼', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/华西钟楼.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">华西钟楼介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp华西钟楼，建于1925年，又名钟塔，原名柯里斯纪念楼，英文名The Coles Memorial Clock Tower，由纽约柯里斯捐资建成。配有西式时钟，塔内有一座西洋铸座，早期由人工敲打，后改为电力。华西校区中西合璧的老建筑在全国高校独树一帜，其中有8栋建筑被国务院确定为全国重点文物保护单位。钟楼1926年竣工，由美国纽约亚克门·柯里斯医生所捐建。它既是华西坝建筑群标志，也是成都市的地标之一。钟楼里现存半人高的大钟是由美国梅尼利制钟公司于1924年专门为华西坝钟楼铸造。大钟的心脏由两部分机械组成，一部分是走时钟，用钟楼外面的四个钟面来显示时间；另一部分是鸣钟，用大锤敲击楼里的大钟来报时。走钟和打钟在时间上虽然同步，但各自的发条不同。走钟的发条五天上一次，打钟的发条三天上一次。该机械部分由美国塞思·托马斯制钟公司制造，从钟上的铭牌可以看出这是该公司出品的第2410台大钟机械，于1924年9月15日制成。早年间，钟楼地处城南边，四周除了大学的几栋建筑外就是农田和农舍，学生朗朗的读书声、田野里的家禽叫声伴随着钟声，给人一种世外桃源的感觉。钟声浑厚悠远，城里市民称之为“城南钟声”。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function huaxi_building(){
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['华西钟楼', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/华西教学楼.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">华西教学楼介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp“华西坝老建筑”最早建成时间为1913年，经历数十年的增建，形成规模宏大的近现代建筑群，建筑本体蕴含着四川地区近现代建筑的发展变化，这个建筑群犹如西南地区近现代中西合璧建筑史的博览馆。四川大学华西校区钟楼为华西坝老建筑的组成部分，曾为华西协和大学，抗战时内迁多所大学和院子调整后的四川医学院的师生服务达数十年，现仍为四川大学华西校区内的地标性建筑，该楼蕴含着我国医学教育发展和抗日战争等重要历史信息，也具有很高的历史价值。四川大学华西校区第一教学楼为华西坝老建筑的组成部分，该楼由美国嘉德尔顿医生夫妇捐建，建成后为生物系使用，西南地区首家自然历史博物馆所在地，院子调整后成为医学专业解剖楼使用至今，该楼的修建和使用功能的改变蕴含着华西协和大学的开办、调整等重要历史信息，具有很高的历史价值。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function zonghelou(){
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['综合楼', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/综合楼涂鸦.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">综合楼涂鸦介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp在四川大学教学楼C座总计五层的涂鸦墙上，四川大学同学们在上面留言分享食堂菜单、吐槽日常生活、倾诉心声愿望、涂鸦喜欢的漫画与表情包……还有许多人写上了“我爱川大”的表白。正如川大校训所言:海纳百川，有容乃大。学校的涂鸦墙给了大学生展现自我与个性、表达心声的地方，是同学们的创作热情让它得以发展走红。每个人都成为了创造者，观赏者，维护者。热心贡献出漫无边际的想象力；开心接收陌生人的同频率脑电波；细心呵护着这里的每一份奇思妙想。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function kongtian(){
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['空天大楼', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/网安新楼.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">空天大楼介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp网络安全是国家安全的重要组成部分,没有网络安全就没有国家安全。四川大学自上世纪90年代中期即开展网络与信息安全专业和方向的人才培养与科学研究工作。 2016年成立四川大学网络空间安全学院，是国务院学位委员会批准的首批29个网络空间安全一级学科博士点培养单位之一。2017年9月首批入选 “一流网络安全学院建设示范项目高校”。2019年获批设立网络空间安全博士后科研流动站。学院现有教职工40余人，其中专任教师37人，中国工程院院士1人、四川省学术带头人3人、教育部新（跨）世纪人才2人。正高级专业技术职务11人，副高级专业技术职务16人；硕博士导师21人。学院拥有良好的教学和科研平台，初步建成较完备的人才培养体系。学院拥有国家网络空间安全人才培养基地和国家保密学院两个国家级人才培养基地；建有网络空间安全研究院、计算机网络 与安全研究所、网络与可信计算研究所和信息安全研究所等特色研究机构。此外，学院还参与建设视觉合成图形图像技术国防重点学科实验室和四川省网络大数据认知分析工程实验室等多个省部级研究中心与实验室，以及大数据分析四川省2011协同创新中心。学院在基础理论研究、技术应用和产业化方面都取得了显著的成绩。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function art(){
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['艺术学院', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/（艺术学院）研究生大楼.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">艺术学院介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp四川大学望江校区是原四川大学与原成都科技大学的所在地。总占地3000余亩，主要为四川大学大三、大四及硕、博士研究生同学学习的地方，是四川大学的校本部。望江校区位于成都市一环路上，分设东西南北四个门，交通方便，地理位置优越。作为最早的川大所在地，望江校区历经百年风雨，巴山灵秀，咸聚于此，蜀地彦才，聚汇于斯，校园内历史文化底蕴厚重，是读书治学的理想园地。大三学子搬到望江校区之后，大家都有一种“所谓大学当如是”的感觉。不仅如此，绝大多数的研究生学子也在望江校区学习生活，图片所示即为艺术学院的研究生大楼。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function ruiwen(){
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['望江瑞文楼', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/study/望江瑞文楼.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">望江瑞文楼介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp大在长期的办学历程中，形成了深厚的人文底蕴、扎实的办学基础和以校训“海纳百川，有容乃大”、校风“严谨、勤奋、求是、创新”为核心的川大精神。学校围绕创建一流研究型综合大学的奋斗目标，确立了“以人为本，崇尚学术，追求卓越”的现代大学办学理念，建立了“以院系为管理重心，以教师为办学主体，以学生为育人中心”的管理运行新机制，提出了“精英教育、质量为本、科教结合、学科交叉”的人才培养指导思想，确立了培养“具有深厚人文底蕴、扎实专业知识、强烈创新意识、宽广国际视野的国家栋梁和社会精英”的人才培养目标，探索构建了体现精英教育、个性化教育、自由全面发展教育的本科“323+X”创新人才培养体系。现有全日制普通本科生4万余人，硕博士研究生2万余人，外国留学生及港澳台学生2500余人。2003年以来，学校获得国家教学成果奖25项、国家精品课程33门，国家级精品视频公开课8门、精品资源共享课31门，获得百篇优秀博士论文23篇。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}




function activeNav1() {
	$("#nav1").attr("class", "nav-item active");
	$("#nav2").attr("class", "nav-item")
	$("#nav3").attr("class", "nav-item")
}

function activeNav2() {
	$("#nav2").attr("class", "nav-item active");
	$("#nav1").attr("class", "nav-item")
	$("#nav3").attr("class", "nav-item")
}

function activeNav3() {
	$("#nav3").attr("class", "nav-item active");
	$("#nav2").attr("class", "nav-item")
	$("#nav1").attr("class", "nav-item")
}
function submitForm() {
	$("#commentSub").ajaxSubmit(function (result) {
		if (result.status == true) {
			location.reload();
			alert("评论成功");
		} else {
			alert("评论失败");
		}
	});
}
layui.use('laypage', function () {
	var laypage = layui.laypage;
	$.ajax({
		type: "GET",
		async: false,
		url: "/queryComments?page=page2",
		dataType: "json",
		success: function (data) {
			laypage.render({
				elem: 'layerpage',
				count: data.total,
				limit: 5,
				jump: function (obj, first) {
					$.ajax({
						type: "GET",
						async: false,
						url: "/queryComments?page=page2&cur=" + obj.curr,
						dataType: "json",
						success: function (data) {
							if (first) {
								var i;
								for (i = 0; i < data.total; i++) {
									$("#userComment" + (i + 1)).append(data[0][i].content);
								}
							} else {
								var i;
								for (i = 0; i < data.total; i++) {
									$("#userComment" + (i + 1)).empty();
									$("#userComment" + (i + 1)).append(data[0][i].content);
								}
							}
						},
						error: function () {
							alert('fail');
						}
					});
				},
				theme: "#ba2a17"
			});
		},
		error: function () {
			$("#userComment1").append("江安的图书馆真的绝了，二三楼中间环形台镂空，还可以看到从上面垂下来的雕塑，学累了就休息休息脖子抬头看看，马上就精神抖擞了");
			$("#userComment2").append("我感觉一教d太适合我了，暖暖的空调是标配，最让我满意的就是晚上11点多才关门，真的是自习党的福音，奥利给打工人，加油干！");
			$("#userComment3").append("四年都在江安上课，好想看看望江和华西的图书馆里面是什么样子哦~");
			$("#userComment4").append("我感觉一教d太适合我了，暖暖的空调是标配，最让我满意的就是晚上11点多才关门，真的是自习党的福音，奥利给打工人，加油干！");
			$("#userComment5").append("四年都在江安上课，好想看看望江和华西的图书馆里面是什么样子哦~");
		}
	});
});
$("#commentBlock").css("height",$(window).width()*2168/5000)

function confirmSeason() {
	var myDate = new Date();
	var month = myDate.getMonth();
	if (month >= 2 && month <= 4) {
		$('#commentBlock').css("background-image","url(../static/images/commentblockg.png)");
		$('#commentBlock').css("background-repeat","no-repeat");
		$('#commentBlock').css("background-size","100% auto");
		$('#commentBlock').css("-moz-background-size","100% auto");
		$('#canvas').css("background-color",'#F0EDF0');
		$('#leaf1').attr('src',"../static/images/leafg1.png");
		$('#leaf2').attr('src',"../static/images/leafg2.png");
		$('#leaf3').attr('src',"../static/images/leafg3.png");
		$('#leaf4').attr('src',"../static/images/leafg4.png");
		$('#leaf5').attr('src',"../static/images/leafg5.png");
	} else if (month >= 5 && month <= 7) {
		$('#commentBlock').css("background-image","url(../static/images/commentblockg.png)");
		$('#commentBlock').css("background-repeat","no-repeat");
		$('#commentBlock').css("background-size","100% auto");
		$('#commentBlock').css("-moz-background-size","100% auto");
		$('#canvas').css("background-color",'#F0EDF0');
		$('#leaf1').attr('src',"../static/images/leafg1.png");
		$('#leaf2').attr('src',"../static/images/leafg2.png");
		$('#leaf3').attr('src',"../static/images/leafg3.png");
		$('#leaf4').attr('src',"../static/images/leafg4.png");
		$('#leaf5').attr('src',"../static/images/leafg5.png");
	} else if (month >= 8 && month <= 10) {
		$('#commentBlock').css("background-image","url(../static/images/commentblock.png)");
		$('#commentBlock').css("background-repeat","no-repeat");
		$('#commentBlock').css("background-size","100% auto");
		$('#commentBlock').css("-moz-background-size","100% auto");
		$('#canvas').css("background-color",'#FDF5E8');
		$('#leaf1').attr('src',"./static/images/leaf1.png");
		$('#leaf2').attr('src',"./static/images/leaf2.png");
		$('#leaf3').attr('src',"./static/images/leaf3.png");
		$('#leaf4').attr('src',"./static/images/leaf4.png");
		$('#leaf5').attr('src',"./static/images/leaf5.png");
	} else {
		$('#commentBlock').css("background-image","url(../static/images/commentblock.png)");
		$('#commentBlock').css("background-repeat","no-repeat");
		$('#commentBlock').css("background-size","100% auto");
		$('#commentBlock').css("-moz-background-size","100% auto");
		$('#canvas').css("background-color",'#FDF5E8');
		$('#leaf1').attr('src',"../static/images/leaf1.png");
		$('#leaf2').attr('src',"../static/images/leaf2.png");
		$('#leaf3').attr('src',"../static/images/leaf3.png");
		$('#leaf4').attr('src',"../static/images/leaf4.png");
		$('#leaf5').attr('src',"../static/images/leaf5.png");
	}
}
confirmSeason();